---
sidebar_position: 12
---

import { StoryEmbed } from '../../src/components/StoryEmbed';

# BlueprintJS Renderers

We also provide default renderers to achieve a visual styling according to the BlueprintJS
React framework.

```typescript jsx
import { renderers as bpRenderers } from 'react-complex-tree-blueprintjs-renderers';

<UncontrolledTreeEnvironment {...bpRenderers}>{/* trees etc... */}</UncontrolledTreeEnvironment>;
```

<StoryEmbed
  storyName="blueprintjs-renderers-blueprintjs-renderers--short-blueprint-js-tree"
  iframeProps={{ width: 600 }}
/>
